<template>
  <view class="mine">
    <img src="/static/images/code.jpg" style="width: 100%;height: auto" @click="preview"/>
    <view class="item">
      <u-icon name="bag" size="24"></u-icon>
      <span class="value">武平县圣霖农副产品经营部</span>
    </view>
    <view class="item">
      <u-icon name="phone" size="24"></u-icon>
      <span class="value">18859037258</span>
      <u-text type="primary" text="拨打" @click="callPhone"></u-text>
    </view>
    <view class="item">
      <u-icon name="map" size="24"></u-icon>
      <span class="value">福建省武平县平川街道沿河西路31-4号</span>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    preview() {
      uni.previewImage({
        urls: ['/static/images/code.jpg'],
        current: 0,
        showmenu: true
      })
    },
    callPhone() {
      uni.makePhoneCall({
        phoneNumber: "18859037258",
      });
    },
  },
};
</script>

<style scoped lang="scss">
.item {
  padding: 10rpx 40rpx;
  display: flex;
  align-items: center;
  font-size: 28rpx;
  .value {
    margin-right: 10rpx;
  }
}
</style>
